<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>分类列表页</title>
    <link rel="stylesheet" href="./css/base.css" />
    <link rel="stylesheet" href="./css/class.css" />
    <link rel="stylesheet" href="./fonts/iconfont.css">
  </head>
  <body>
    <!-- top S  -->
    <div class="top" id="one">
      <div class="w">
        <div class="fl">
          品有购欢迎您！
          <a href="#">请登录</a>
          <a href="#" class="col">免费注册</a>
        </div>
        <div class="fr">
          <a href="#"> 我的订单</a>
          <span>|</span>
          <a href="#" class="sj"> 我的品优购</a>
          <span>|</span>
          <a href="#"> 品优购会员</a>
          <span>|</span>
          <a href="#"> 企业采购</a>
          <span>|</span>
          <a href="#" class="sj1"> 关注品优购</a>
          <span>|</span>
          <a href="#" class="sj2"> 客户服务</a>
          <span>|</span>
          <a href="#" class="sj3"> 网站导航</a>
        </div>
      </div>
    </div>
    <!-- nav S  -->
    <div class="w">
      <div class="nav">
        <div class="logo">
          <img src="./upload/logo.png" alt="" />
          <div class="sk"><img src="./upload/sk.png" alt="" /></div>
        </div>

        <div class="search">
          <form action="">
            <input type="text" placeholder="语言开发" />
            <button>搜索</button>
            <div class="nav-list">
              <a href="#" class="cur">优惠购首发</a>
              <a href="#">亿元优惠</a>
              <a href="#">9.9元团购</a>
              <a href="#">美满99减30</a>
              <a href="#">办公用品</a>
              <a href="#">电脑</a>
            </div>
          </form>
          <div class="shopcar">
            <span class="iconfont">&#xe638;</span> 我的购物车<span
              >&nbsp;></span
            >
            <i></i>
          </div>
        </div>
      </div>
    </div>
    <!-- tonglan -->
    <div class="nav2">
      <div class="w">
        <div class="all">
          <a href="#">品优秒杀</a>
          <a href="#">即将售罄</a>
          <a href="#">超值低价</a>
        </div>
      </div>
      <div class="all-lis">
        <ul>
          <li><a href="#">女装</a></li>
          <li><a href="#" class="cur">女鞋</a></li>
          <li><a href="#">男装</a></li>
          <li><a href="#">男鞋</a></li>
          <li><a href="#">母婴童装</a></li>
          <li><a href="#">智能数码</a></li>
          <li><a href="#">户外运动</a></li>
          <li><a href="#" class="sj">更多分类</a></li>
        </ul>
      </div>
    </div>
    <!-- bg s  -->
    <div class="w">
      <div class="bg"><img src="./upload/pic.png" alt="" /></div>
    </div>
    <div class="w lis clearfix">
      <ul>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
      </ul>
    </div>
    <div class="w lis clearfix">
      <ul>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
      </ul>
    </div>
    <div class="w lis clearfix">
      <ul>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
      </ul>
    </div>
    <div class="w lis clearfix">
      <ul>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
        <li>
          <div class="pic"><img src="./upload/mobile.png" alt="" /></div>
          <dl>
            <dt>Apple苹果iPhone 6s Plus（A1699）32G 金色 移动联通电信4G手机</dt>
            <dd class="ddd">¥6088 <s>￥6988</s></dd>
            <dd>
              <p>已售87%</p>
              <span>剩余 <em>29</em>件</span>
              <div class="percent"><i></i></div>
            </dd>
            <dd class="now">立即抢购</dd>
          </dl>
        </li>
      </ul>
    </div>
    <!-- 右边slide -->
    <div class="slide">
      <span><a href="#one"></a></span>
      <p><a href="#one">Top</a></p>
      <i class="iconfont">&#xe67f;</i>
    </div>
    <!-- 页脚s  --
    <div class="footer">
      <div class="w">
        <div class="foo-t">
          <ul>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
            <li>
              <div class="box"></div>
              <div class="pp">
                <h3>正品保障</h3>
                <p>正品保障,提供发票</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="foo-c">
          <div class="c1 fl">
            <dl>
              <dt>购物指南</dt>
              <dd>购物流程</dd>
              <dd>会员介绍</dd>
              <dd>生活旅行/团购</dd>
              <dd>常见问题</dd>
              <dd>大家电</dd>
              <dd>联系客服</dd>
            </dl>
          </div>
          <div class="c2 fl">
            <dl>
              <dt>配送法式</dt>
              <dd>上门自提</dd>
              <dd>211限时达</dd>
              <dd>配送服务查询</dd>
              <dd>配送费收取标准</dd>
              <dd>海外配送</dd>
            </dl>
          </div>
          <div class="c3 fl">
            <dl>
              <dt>支付方式</dt>
              <dd>货到付款</dd>
              <dd>在线支付</dd>
              <dd>分期付款</dd>
              <dd>邮局汇款</dd>
              <dd>公司转账</dd>
            </dl>
          </div>
          <div class="c4 fl">
            <dl>
              <dt>售后服务</dt>
              <dd>售后政策</dd>
              <dd>价格保护</dd>
              <dd>退款说明</dd>
              <dd>返修/退换货</dd>
              <dd>取消订单</dd>
            </dl>
          </div>
          <div class="c5 fl">
            <dl>
              <dt>特色服务</dt>
              <dd>夺宝岛</dd>
              <dd>diy装机</dd>
              <dd>延保服务</dd>
              <dd>品有够E卡</dd>
              <dd>品有够通讯</dd>
            </dl>
          </div>
          <div class="c6 fl">
            <dl>
              <dt>帮助中心</dt>
              <dd><img src="./upload/wx_cz.jpg" alt="" /></dd>
              <dd>品有够客户端</dd>
            </dl>
          </div>
        </div>
        <div class="foo-b">
          <a href="#">联系我们 <span>|</span></a>

          <a href="#">联系客服<span>|</span></a>

          <a href="#">商家入驻 <span>|</span></a>

          <a href="#">营销中心 <span>|</span> </a>

          <a href="#">手机品优购 <span>|</span> </a>

          <a href="#">友情链接<span>|</span> </a>

          <a href="#">销售联盟 <span>|</span> </a>

          <a href="#">品优购社区<span>|</span> </a>

          <a href="#">品优购公益 <span>|</span> </a>

          <a href="#">English Site <span>|</span> </a>

          <a href="#">Contact U</a> <br /><br />

          <p>
            地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
            电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
          </p>
          <p>京ICP备08001421号京公网安备110108007702</p>
        </div>
      </div>
    </div>
  </body>
</html>
